@charset "utf-8";

/* all  */
body{ background: #F8F8F8; color: #666;}

/* text */
a,h1, h2, h3, h4, h5, h6{ color: #333333;}
a:hover{ color: #FF9900;}
.text-red{ color: red;}
.text-muted{ color: #999999;}
.text-muted a{ color: #999999;}
.lineh{margin-right:5px;}
/* form */
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #EEEEEE;}
.form-control.colorfff{ background-color: #FFFFFF;}
.form-control:focus{border-color:#FF9900; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}

/* btn */
.btn,.btn:hover,.btn .icon{ color: #333333;}
.btn{ border: 1px solid #EEEEEE;}
.btn-default{ background-color: #f5f5f5; color: #333333;}
.btn-default:hover{ background-color: #f0eeee;}
.btn-primary{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.btn-primary .icon{ color: #FFFFFF;}
.btn-primary:hover{ background-color: #FF6600; border: 1px solid #FF6600; color: #FFFFFF;}
.btn-primary:hover .icon{ color: #FFFFFF;}

/* dropdown */
.dropdown-menu{ background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.dropdown-menu:before{background-color: #FFFFFF; border-color: #EEEEEE;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: #FF9900; color: #FFFFFF;}

/* line */
.split-line{ background-color: #EEEEEE;}
.top-line:before{ border-top: 1px solid #EEEEEE;}
.bottom-line:after{ border-bottom: 1px solid #EEEEEE;}
.top-line-dot:before{ border-top: 1px dotted #EEEEEE;}
.bottom-line-dot:before{ border-bottom: 1px dotted #EEEEEE;}

/* badge */
.badge{ background-color: #EEEEEE;}
.badge-first{ background-color: #FF4A4A; color: #FFFFFF;}
.badge-second{ background-color: #FF7701; color: #FFFFFF;}
.badge-third{ background-color: #FFB400; color: #FFFFFF;}

/* nav */
.nav-head > li.active > a,.nav-tabs > li.active > a{ border-bottom: 2px solid #FF9900; color: #FF9900;}
.nav-tag > li > a,.nav-page > li > a{ background-color: #FFFFFF; border: 1px solid #EEEEEE; color: #333333;}
.nav-tag > li > a:hover,.nav-tag > li.active a,.nav-page > li > a:hover,.nav-page > li.active > a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.nav-page > li > a:hover > .icon{ color: #fff;}

/* tag */
.tag-btn li a{ background-color: #F8F8F8; color: #999999;}
.tag-btn li a:hover,.tag li.active a{ background-color: #FF9900; color: #FFFFFF;}
.tag-type li a{ background-color: #FFFFFF; border: 1px solid  #EEEEEE; color: #999999;}
.tag-type li a:hover,.tag-type li.active a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active{ color: #FF9900;}

/* pic-tag */
.pic-tag{ background-color: rgba(0,0,0,0.6); color: #FFFFFF;}
.pic-tag.active,.pic-tag-h{ background-color: #FF9900; color: #FFFFFF;}
.pic-text{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
.pic-text.active{ background: rgba(0,0,0,0.6); color: #FFFFFF;}

/* pannel */
.stui-pannel-bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}

/* tabbar */
.stui_nav__taddar .item .icon,.stui_nav__taddar .item .title{ color: #999;}
.stui_nav__taddar .item.active .title,.stui_nav__taddar .item.active .icon{color: #FF9900;}
.stui_nav__taddar.fixed{ background-color: #FFFFFF;}

/* vodlist */
.stui-vodlist__bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.stui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}

/* link */
.stui-link__pic li a{ background-color: #FFFFFF; border: 1px solid #F5F5F5;}
.stui-link__pic li a:hover{ border: 1px solid #FF9900;}

/* popup */
.popup{ background-color: #F8F8F8;}
.popup-head{ background-color: #FFFFFF;}

/* autocomplete */
.autocomplete-suggestions{ background-color: #FFFFFF; border:1px solid #EEEEEE; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.autocomplete-suggestion{ border-top: 1px solid #EEEEEE;}

@media (max-width: 767px){
	
	/* form */
	.form-control{ background-color:#F8F8F8; color: #999999; border: 0;}
	
	/*pannel*/
	.stui-pannel-bg,.stui-vodlist__bg,.stui-vodlist__bg:hover{box-shadow: none;}
	
	/* line */		
	.m-top-line:before{ border-top: 1px solid #EEEEEE;}
	.m-bottom-line:after{ border-bottom: 1px solid #EEEEEE;}
	.m-top-line-dot:before{ border-top: 1px dotted #EEEEEE;}
	.m-bottom-line-dot:before{ border-bottom: 1px dotted #EEEEEE;}
}

/* ----------------------------↑  stui http://v.shoutu.cn ↑----------------------------- */

/* header */
.stui-header__top{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}

/* header-menu */
.stui-header__menu li a{ color: #333333;}
.stui-header__menu li.active a{ background-color: #FF9900; color: #FFFFFF;}

/* header-search */
.stui-header__search .submit .icon{ color: #999999;}

/* header-user */
.stui-header__user li a,.stui-header__user li a .icon{ color: #333333;}

/* screen */
.stui-screen__list li a{ color: #333333;}
.stui-screen__list li.active a{ background-color: #FF9900; color: #FFFFFF;}
.stui-screen__list li .active { background-color: #FF9900; color: #FFFFFF;padding: 3px 10px!important;}
/* playlist */
.stui-content__playlist li a{ border: 1px solid #EEEEEE;}
.stui-content__playlist li a:hover,.stui-content__playlist li.active a{ border: 1px solid #FF9900; background-color: #FF9900; color: #FFFFFF;}

/* player */
.stui-player__video{ background-color: #000000;}


/* page */
.stui-page li a,.stui-page li .num{background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.stui-page li a:hover,.stui-page li.active a,.stui-page li.active .num{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}

/* extra */
.stui-extra li a,.stui-extra li span{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.stui-extra li a.backtop{ background-color: rgba(0,0,0,0.6); color: #FFFFFF; }
.stui-extra li .sideslip{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.stui-extra li .sideslip:before{ background-color: #FFFFFF; border-color: rgba(0, 0, 0, 0.1);}

@media (max-width: 1024px){
	
	/* header-menu */
	.stui-header__menu:before{ border-top: 1px solid #EEEEEE;}
	.stui-header__menu li.active a{ background: none; color: #333333;}
	.stui-header__menu li.active a:before{ background-color: #FF9900;}
}

@media (max-width: 767px){
	
	/* screen */
	.stui-screen__list li.active a{ background: none; color: #FF9900;}
.stui-screen__list li .active { background: none; color: #FF9900;padding: 2px 0 2px!important;}	
}

/* ----------------------------↓  你可以在下面覆盖或新增css样式   ↓----------------------------- */
.video {

    width: 100%;

	position: relative;

	padding: 0; 

	background:#000;

	height:auto;

}                                

.video iframe,

.video object, 

.video embed,

.video video{

           position: absolute; 

           top: 0;                     

           left: 0;                       

           width: 100%;                   

           height: 100%;                   

}

.video{padding-top:56.25%;/* Default ratio 16:9 */}

.video[data-ratio="16:10"]{padding-top:62.5%;}

.video[data-ratio="4:3"]{padding-top:75%;}

.video[data-ratio="3:2"]{padding-top:66.66666666666666%;}

.video[data-ratio="1:1"]{padding-top:100%;}

.video[data-ratio="2.4:1"]{padding-top:41.66666666666667%;}



.video > div{

display: block !important;

width:100% !important;

max-width:100% !important;

max-height:none !important;

min-height:0 !important;

height:100% !important;


top:0 !important;

left:0 !important;

}



.wznav{background:#fff;border-radius:4px;}
.wznav {overflow:hidden;}
.wznav li a{background:#393D49;color:#fff;margin:8px 15px;float:left;width:97px;height:35px;line-height:35px;border-radius: 4px;text-align:center;}
.wznav li a:hover{color:#fff;background:rgb(26,160,148)}
.wznav li .current{color:#fff;background:rgb(26,160,148)}

.detail .box {
    background: #fff;
    border-radius: 4px;
    padding: 15px 15px;
}

.detail .box .title {
    border-bottom: solid 3px #ccc;
    padding-bottom: 8px;
}
.detail .box .title span {
    border-bottom: solid 3px rgb(26,160,148);
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 7px;
    color: rgb(26,160,148);
}
.detail .box .list ul li {
    border-bottom: dashed 1px #444;
    padding: 13px 10px 13px 25px;
    background: url(../images/li.png) no-repeat 10px center;
}
.detail .box .list ul li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail .box .list ul li span {
    float: right;
}

.article .info_con {
    padding: 10px 0;
}
.article .info_con .info_tit {
    text-align: center;
    border-bottom: solid 2px #2b2a2a;
    padding-bottom: 15px;
    font-size: 16px;
}
.article .info_con .info_detail {
    font-size: 15px;
    line-height: 26px;
    text-indent: 30px;
    word-break: break-all;
    word-wrap: break-word;
    position: relative;
    padding: 10px 20px 20px 20px;
    background-color: #fff;
}
.article .info_con .info_detail p {
    margin: 0 0 15px 0;
}
.article .info_con .info_detail img {
    max-width:100%; height:auto;
}